<template>
  <div class="radio-check-wrap" :style="{height:width+'px',width:width+'px'}">
    <img :src="checked ? checkedImg : uncheckedImg" :style="{height:width+'px',width:width+'px'}"/>
  </div>
</template>
<script>
  export default {
      props: {
          width: {
              type: Number,
              default: 12
          }
      },
      data(){
          return {
              checked: false,
              checkedImg: require("@/assets/img/event/radio-check.png"),
              uncheckedImg: require("@/assets/img/event/radio-uncheck.png")
          }
      },
      methods: {
          switch(status){
              this.checked = status
          }
      }
  }
</script>
<style scoped>
  .radio-check-wrap{
    user-select: none;
  }
  .radio-check-wrap img{
    user-select: none;
  }
</style>
